<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <title>首页</title>
    <link rel="icon" href="<?php echo base_url();?>media/admin/img/favicon.ico">
    <!-- CSS start -->
    <link rel="stylesheet" href="<?php echo base_url();?>media/admin/icofont/style.css">
    <link rel="stylesheet" href="<?php echo base_url();?>media/admin/css/style.min.css">
    <!-- CSS over -->
    <!-- JS start -->
    <script src="<?php echo base_url();?>media/admin/js/jquery-1.9.1.min.js"></script>
    <script src="<?php echo base_url();?>media/admin/js/plugins.js"></script>
    <script src="<?php echo base_url();?>media/admin/js/laydate/laydate.js"></script>
    <script src="<?php echo base_url();?>media/admin/js/scripts.js"></script>
    <!-- JS over -->

    <!-- JS ueditor 按需载入 -->
    <!-- <script src="js/ueditor/utf8-php/ueditor.config.js"></script>
    <script src="js/ueditor/utf8-php/ueditor.all.min.js"></script> -->
</head>


<body>
    <!-- header start -->
    <header>
        <!-- brand start -->
        <div class="brand">
            <h4 class="title">SCCX自动交易管理系统</h4>
            <p>后台管理系统</p>
        </div>
        <!-- brand start -->
        <!-- bar start -->
        <div class="header-bar">
            
            <!-- user start -->
            <div class="item dropdown header-user">
                <button type="button" data-toggle="dropdown">
                    <span class="user-name"><?php echo ($this->session->userdata('user_realname'));?></span>
                    <!-- <span class="user-position">前端攻城师</span> -->
                    <div class="avatar">
                        <img src="<?php echo base_url();?>media/admin/img/avatar.jpg" alt="">
                    </div>
                </button>
                <div class="dropdown-menu">
                    <!-- <a class="item" href="#"><i class="icon-pen"></i>编辑账号信息</a>
                    <a class="item" href="#"><i class="icon-lock"></i>修改密码</a> -->
                    <!-- <div class="dropdown-divider"></div> -->
                    <a class="item" href="<?php echo site_url(); ?>login/login_out" ><i class="icon-gear"></i>退出</a>
                </div>
            </div>
            <!-- user over -->
            <!-- fullscreen start -->
            <div class="item MT-hidden">
                <button type="button" id="fullscreen-view"><i class="icon-enlarge"></i></button>
                <button type="button" id="fullscreen-exit"><i class="icon-narrow"></i></button>
            </div>
            <!-- fullscreen over -->
            <!-- sidebar switch start -->
            <!-- <div class="item MT-hidden">
                <button type="button" id="modal-sidebar-button" data-toggle="modal" data-target="#modal-sidebar">
                    <i class="icon-dot-array-y"></i>
                </button>
            </div> -->
            <!-- sidebar switch over -->
        </div>
        <!-- bar over -->
        <!-- MT bar start -->
        <div class="MT-header-bar">
            <button class="MT-bar-toggler" type="button" data-toggle="collapse" data-target=".header-bar">
                <i class="icon-user"></i>
            </button>
            <button class="MT-bar-toggler" type="button" data-toggle="collapse" data-target="aside">
                <i class="icon-list"></i>
            </button>
        </div>
        <!-- MT bar over -->
        <!-- sidebar start -->
        <section class="modal fade modal-sidebar" id="modal-sidebar">
            <div class="modal-dialog modal-stick-right">
                <div class="modal-content">
                    <!-- card start -->
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">右侧边栏</h3>
                            <div class="card-header-action">
                                <button type="button" data-dismiss="modal"><i class="icon-cancel"></i></button>
                            </div>
                        </div>
                        <div class="card-text">
                            <p>固定在右侧的一个额外区域，可用来放一些全局的设置或信息，按实际需求使用</p>
                            <p>内容的布局与卡片的用法相同</p>
                            <p>内容高度超出时会自动生成美化后的滚动条</p>
                        </div>
                        <div class="card-body">
                            <!-- form start -->
                            <form class="form">
                                <fieldset class="form-group">
                                    <legend class="label">效果演示</legend>
                                    <div class="radiocheckbox-switch-item">
                                        <label class="radiocheckbox-switch">
                                            <input class="radiocheckbox" type="checkbox" id="demo-side-user-switch" checked>
                                            <span class="radiocheckbox-replace">
                                                <span class="slipper"></span>
                                            </span>
                                        </label>
                                        <p class="radiocheckbox-switch-explain">左侧用户面板</p>
                                    </div>
                                    <div class="radiocheckbox-switch-item">
                                        <label class="radiocheckbox-switch">
                                            <input class="radiocheckbox" type="checkbox" id="demo-side-dashboard-switch">
                                            <span class="radiocheckbox-replace">
                                                <span class="slipper"></span>
                                            </span>
                                        </label>
                                        <p class="radiocheckbox-switch-explain">左侧仪表面板</p>
                                    </div>
                                    <div class="radiocheckbox-switch-item">
                                        <label class="radiocheckbox-switch">
                                            <input class="radiocheckbox" type="checkbox" id="demo-header-user-switch">
                                            <span class="radiocheckbox-replace">
                                                <span class="slipper"></span>
                                            </span>
                                        </label>
                                        <p class="radiocheckbox-switch-explain">顶部用户面板</p>
                                    </div>
                                </fieldset>
                            </form>
                            <!-- form over -->
                        </div>
                    </section>
                    <!-- card over -->
                    <!-- card start -->
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">待办事项</h3>
                        </div>
                        <div class="card-body">
                            <!-- timeline start -->
                            <div class="list-timeline">
                                <h4 class="title">今天</h4>
                                <div class="item">
                                    <a class="info" href="#">近期的项目验收</a>
                                    <p class="tag">12:00</p>
                                </div>
                                <h4 class="title">明天</h4>
                                <div class="item">
                                    <a class="info" href="#">陪马云喝茶，并谈一谈未来十年移动互联网的发展方向</a>
                                    <p class="tag">14:00</p>
                                </div>
                                <div class="item">
                                    <a class="info" href="#">陪马化腾喝茶</a>
                                    <p class="tag">18:00</p>
                                </div>
                                <h4 class="title">后天</h4>
                                <div class="item">
                                    <a class="info" href="#">陪王健林喝茶</a>
                                    <p class="tag">18:00</p>
                                </div>
                                <div class="item">
                                    <a class="info" href="#">陪李嘉诚喝茶，并谈一谈未来十年移动互联网的发展方向</a>
                                    <p class="tag">14:00</p>
                                </div>
                                <div class="item">
                                    <a class="info" href="#">陪雷军喝茶</a>
                                    <p class="tag">18:00</p>
                                </div>
                            </div>
                            <!-- timeline over -->
                        </div>
                    </section>
                    <!-- card over -->
                </div>
            </div>
        </section>
        <script type="text/javascript">
            jQuery(document).ready(function($) {
                // 窗口加载完成
                $(window).on("load", function() {
                    // 右侧边栏滚动条美化
                    $(".modal-sidebar .modal-content").mCustomScrollbar({
                        autoHideScrollbar: true,
                        scrollInertia: 0,
                        theme: "dark",
                        mouseWheel:{
                            scrollAmount: 40
                        }
                    });
                });
                // 左侧用户面板开关
                $('#demo-side-user-switch').on('click', function () {
                    if (this.checked) {
                        $('.side-user').removeAttr('hidden');
                    } else {
                        $('.side-user').attr('hidden', true);
                    }
                });
                // 左侧仪表面板开关
                $('#demo-side-dashboard-switch').on('click', function () {
                    if (this.checked) {
                        $('.side-dashboard').removeAttr('hidden');
                    } else {
                        $('.side-dashboard').attr('hidden', true);
                    }
                });
                // 顶部用户面板开关
                $('#demo-header-user-switch').on('click', function () {
                    if (this.checked) {
                        $('.header-user').removeAttr('hidden');
                    } else {
                        $('.header-user').attr('hidden', true);
                    }
                });
            });
        </script>
        <!-- sidebar over -->
    </header>
    <!-- header over -->